@charset "UTF-8";
.layout-footer-top .layout-content {
    min-height: 0 !important
}

.ns-cycle-carousel {
    width: 100%;
    position: relative;
    margin: 0 auto;
    border: 0
}

.ns-cycle-carousel .cycle-carousel-wrapper {
    overflow: hidden
}

.ns-cycle-carousel .carousel-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ns-cycle-carousel .carousel-li {
    flex-shrink: 1;
    min-width: 100%;
    width: auto;
    box-sizing: border-box;
    position: relative
}

.ns-cycle-carousel .number {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    padding: 3px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    opacity: .2
}

.ns-cycle-carousel .carousel-img {
    width: 100%;
    float: left
}

.ns-cycle-carousel .dot-nav {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.ns-cycle-carousel .dot-nav-wrapper {
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    margin-bottom: 20px
}

.ns-cycle-carousel .dot-item {
    vertical-align: middle;
    display: inline-block;
    padding: 8px 4px 8px 0;
    background-color: rgba(0, 0, 0, .07)
}

.ns-cycle-carousel .dot-item:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 8px
}

.ns-cycle-carousel .dot-item:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 8px
}

.ns-cycle-carousel .jump-button {
    width: 31px;
    height: 3px;
    border-radius: 100px;
    display: block;
    background-color: rgba(255, 255, 255, .6)
}

.ns-cycle-carousel .jump-button.active {
    background-color: #4a4e5c
}

.ns-cycle-carousel .arrow-button {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: rgba(255, 255, 255, .9);
    border: solid 1px #e3edf6;
    -moz-transition: left .3s, right .3s, opacity .3s;
    -o-transition: left .3s, right .3s, opacity .3s;
    -webkit-transition: left .3s, right .3s, opacity .3s;
    transition: left .3s, right .3s, opacity .3s;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    color: #5d5d5d;
    display: block
}

.ns-cycle-carousel .arrow-button.prev {
    left: 10px
}

.ns-cycle-carousel .arrow-button.next {
    right: 10px
}

.ns-cycle-carousel .arrow-button:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border: solid 1px #d4d9de
}

.ns-cycle-carousel .arrow-button .icon-slim-arrow-left, .ns-cycle-carousel .arrow-button .icon-slim-arrow-right {
    font-size: 24px;
    vertical-align: middle;
    line-height: 50px;
    color: #4a4e5c
}

.ns-ecoupon-card {
    background-image: url("/V2/Content/Images/bg_coupon_mobile_single.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 137px;
    position: relative;
    vertical-align: middle
}

.ns-ecoupon-card.mutiple-card {
    background-image: url("/V2/Content/Images/bg_coupon_mobile_multi.png");
    width: 227px
}

.ns-ecoupon-card .ecoupon-card-wrapper {
    padding-left: 17px;
    padding-top: 10px
}

.ns-ecoupon-card .card-title-icon {
    color: #a1aab0;
    font-size: 12px;
    height: 17px;
    margin-bottom: 6.5px
}

.ns-ecoupon-card .card-title-icon .title-icon-text {
    height: 17px;
    line-height: 17px;
    margin-left: 8.5px;
    vertical-align: top
}

.ns-ecoupon-card .card-title-info {
    color: #333;
    height: 24px;
    line-height: 24px
}

.ns-ecoupon-card .card-title-info .title-info-text {
    float: left;
    font-size: 14px;
    margin-right: 8px
}

.ns-ecoupon-card .card-price-wrapper {
    float: left;
    position: relative;
    width: 65%
}

.ns-ecoupon-card .price-dollar-sign {
    color: #ff5353;
    float: left;
    font-family: Arial-MT;
    font-size: 30px;
    font-weight: bold;
    margin-right: 10px
}

.ns-ecoupon-card .card-price {
    color: #ff5353;
    font-family: Arial-MT;
    font-size: 46px;
    font-weight: bold;
    height: 42px;
    line-height: 42px
}

.ns-ecoupon-card .card-date {
    color: #000;
    font-size: 12px;
    height: 27px;
    letter-spacing: normal;
    line-height: 27px
}

.ns-ecoupon-card .card-da te-text {
    font-stretch: normal;
    font-style: normal;
    font-weight: bold
}

.ns-ecoupon-card .card-date-tip {
    color: #666;
    font-weight: normal
}

.ns-ecoupon-card .card-link-wrapper {
    float: right;
    margin-right: 5%;
    margin-top: 5%;
    width: 30%
}

.ns-ecoupon-card .card-date-tag {
    color: #666;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    text-align: center
}

.ns-ecoupon-card .card-date-tag .icon-clock-o {
    height: 22px;
    line-height: 22px;
    margin-right: 3px;
    vertical-align: middle
}

.ns-ecoupon-card .card-link-btn {
    background-color: #ff5353;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center
}

.ns-ecoupon-card {
    background-image: url("/V2/Content/Images/bg_coupon_desktop.png");
    height: 168px;
    width: 368px
}

.ns-ecoupon-card .ecoupon-card-wrapper {
    padding-left: 24px;
    padding-top: 16px
}

.ns-ecoupon-card .card-link-wrapper {
    margin-top: 12%;
    width: 30%
}

.ns-ecoupon-card .card-price {
    font-size: 62px;
    height: 52px;
    line-height: 52px
}

.ns-ecoupon-card .card-title-info .title-info-text {
    font-size: 18px
}

.ns-ecoupon-card .card-price-wrapper {
    margin-top: 3%
}

.ns-ecoupon-card .card-title-icon {
    margin-bottom: 8px
}

.ns-ecoupon-card .card-date {
    font-size: 13px;
    height: 33px;
    line-height: 33px
}

.main-vision {
    position: relative;
    z-index: 550
}

.main-vision .main-vision-pic {
    min-width: 1280px
}

.officialIndex .sp-banner .section-board-frame {
    margin-bottom: 10px
}

.officialIndex .hot-sale-rank-ul {
    margin: 20px 0
}

.layout-content-carousel {
    margin-bottom: 30px
}

.indexCarousel {
    width: 100%
}

@media screen and (min-width: 1680px) {
    .indexCarousel {
        width: 1440px;
        margin: 0 auto
    }

    .ns-cycle-carousel .arrow-button.prev {
        left: -70px
    }

    .ns-cycle-carousel .arrow-button.next {
        right: -70px
    }
}

.index-promotion-activity-ecoupon {
    height: 230px;
    margin-bottom: 30px
}

.slide-title {
    float: left
}

.slide-title .icon {
    padding-right: 10px
}

.slide-title-wrapper {
    display: inline-block;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    margin-left: 25px;
    margin-top: 0;
    width: 100%
}

.slide-see-more {
    float: right;
    line-height: 35px !important;
    margin-right: 25px
}

.klee-slider-viewer {
    height: 175px
}

.klee-slider-arrow {
    background-color: #fff;
    border: solid 1px #d4d9de;
    border-radius: 100px;
    height: 25px;
    line-height: 25px;
    opacity: 0;
    position: absolute;
    text-align: center !important;
    top: 70px;
    vertical-align: middle;
    width: 25px;
    z-index: 1
}

.klee-slider-arrow.next-arrow {
    right: -12px
}

.klee-slider-arrow.prev-arrow {
    left: -12px
}

.klee-slider-arrow.freeze-state {
    opacity: 0 !important
}

.index-promotion-activity .promotion-activity-container {
    float: left
}

.index-promotion-activity .promotion-activity-container .activity-list-wrapper {
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    height: 175px;
    padding: 9px 15px;
    width: 730px
}

.index-promotion-activity .promotion-activity-container .activity-list-wrapper:hover .klee-slider-arrow {
    opacity: 1
}

.index-promotion-activity .promotion-activity-container .hot-sale-list-wrapper .hot-sale-list-item:last-child {
    margin-right: 0
}

.index-promotion-activity .promotion-activity-container .hot-sale-list-item {
    float: left;
    font-size: 13px;
    height: 187px;
    margin-right: 13px;
    width: 110px
}

.index-promotion-activity .promotion-activity-container .hot-sale-list-item .list-item-pic {
    max-width: 100%
}

.index-promotion-activity .promotion-activity-container .hot-sale-list-item .list-item-title {
    color: #666;
    display: inline-block;
    height: 29px;
    line-height: 1.3;
    overflow: hidden;
    padding: 5px
}

.index-promotion-activity .promotion-activity-container .hot-sale-list-item .list-item-price {
    color: #ff5353
}

.index-promotion-activity .promotion-title {
    color: #4a4e5c;
    font-size: 15px;
    margin: 5px 0;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-promotion-activity .promotion-duration {
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 1.3
}

.index-promotion-activity .promotion-card {
    display: block;
    padding: 23px 15px 15px;
    position: relative;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.index-promotion-activity .promotion-card .promotion-img-list {
    margin-top: 12px
}

.index-promotion-activity .promotion-card .promotion-img-li {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    width: 75px
}

.index-promotion-activity .promotion-card .promotion-img-li:last-child {
    margin-right: 0
}

.index-promotion-activity .promotion-card .salepage-img {
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    width: 100%
}

.index-promotion-activity .rectangle-transparent-tag {
    font-weight: bold;
    padding: 3px;
    font-size: 12px;
    background-color: #fff;
    color: #ff5353;
    border: solid 1px #ff5353;
    display: inline-block;
    line-height: 1
}

.index-promotion-activity .rectangle-red-tag {
    font-weight: bold;
    padding: 3px;
    font-size: 12px;
    background-color: #ff5353;
    color: #fff;
    border: solid 1px #ff5353;
    display: inline-block;
    line-height: 1
}

.index-promotion-activity .trapezoid-tag {
    border-right: 10px solid transparent;
    border-top: 20px solid #ff5353;
    color: #fff;
    width: 50px
}

@media only screen and (min-width: 768px) {
    .index-promotion-activity .newest-tag {
        left: 0;
        position: absolute;
        top: 0
    }

    .index-promotion-activity .newest-tag .tag-text {
        font-size: 12px;
        left: 14px;
        position: absolute;
        top: -16px
    }
}

.index-promotion-activity .promotion-activity-card-wrapper {
    background: #fff;
    border: solid 1px #eaeaea;
    box-shadow: 0 1px 2px 0 rgba(71, 72, 71, .3);
    height: 175px
}

.index-promotion-activity .promotion-activity-single .promotion-single-img {
    max-height: 150px;
    max-width: 150px
}

.index-promotion-activity .promotion-activity-single .promotion-single-content {
    float: left;
    padding-left: 20px;
    padding-top: 28px;
    width: 235px
}

.index-promotion-activity .promotion-activity-single .promotion-single-item {
    float: right;
    margin-right: 7px;
    margin-top: 10px;
    max-height: 175px
}

.index-eCoupon-list {
    display: inline-block;
    margin-left: 17px;
    width: 398px
}

.index-eCoupon-list .eCoupon-list-container .eCoupon-card-wrapper {
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    height: 175px;
    padding: 9px 15px;
    width: 368px
}

.index-eCoupon-list .eCoupon-list-container .eCoupon-card {
    display: block;
    height: 170px;
    line-height: 170px;
    position: relative
}

.index-eCoupon-list .eCoupon-list-container .eCoupon-card-item {
    max-width: 370px
}

.index-eCoupon-list .eCoupon-list-container:hover .klee-slider-arrow {
    opacity: 1
}

.eCoupon-hotsale-list {
    display: inline-block;
    margin-left: 17px;
    margin-top: 10px
}

.eCoupon-hotsale-list .list-item-wrapper {
    border-bottom: dashed 1px #c4c4c4;
    display: flex;
    height: 65px;
    margin-bottom: 6px;
    padding-bottom: 7px;
    width: 380px
}

.eCoupon-hotsale-list .list-item-wrapper:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.eCoupon-hotsale-list .list-item-wrapper a {
    display: flex
}

.eCoupon-hotsale-list .list-item-content {
    width: 300px
}

.eCoupon-hotsale-list .list-item-title {
    color: #666;
    font-size: 13px;
    height: 40px;
    line-height: 1.3;
    margin-bottom: 3px;
    width: 96%
}

.eCoupon-hotsale-list .list-item-pic {
    margin-right: 20px;
    max-height: 65px
}

.eCoupon-hotsale-list .list-item-tag {
    color: #fff;
    font-size: 12px;
    height: 20px;
    padding: 4px;
    width: 36px
}

.eCoupon-hotsale-list .list-item-price {
    color: #ff5353;
    font-size: 13px;
    height: 16px;
    width: 260px
}

.index-social-community .social-community-fb-page {
    float: left;
    margin-right: 10px
}

.index-social-community .social-community-image-wrapper:first-child .social-community-img {
    margin-left: 0
}

.index-social-community .social-community-img {
    max-width: 270px;
    float: left;
    margin: 10px 0 10px 12px
}

.section-board {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 20px
}

.section-board .section-board-frame {
    width: 100%;
    height: 100%
}

.section-board .section-board-frame .section-board-img {
    max-width: 100%;
    height: auto
}

.section-board .section-board-title {
    font-size: 20px;
    color: #4a4e5c;
    font-weight: normal;
    text-align: center;
    margin: 20px 0
}

.section-board .section-board-title:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: initial;
    background-image: url('data:image/svg+xml;utf8,<svg width="53px" height="5px" viewBox="0 0 53 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="sprint-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="PC-焦點活動" transform="translate(-732.000000, -489.000000)"><g id="Group-24" transform="translate(250.000000, 48.000000)"><g id="焦點四大圖-copy" transform="translate(0.000000, 433.000000)"><g id="title-copy-3" transform="translate(482.000000, 0.000000)"><g id="Group-32" transform="translate(0.000000, 8.000000)"><path d="M51,0.76 C50.1,0.76 49.36,1.5 49.36,2.4 C49.36,3.3 50.1,4.04 51,4.04 C51.9,4.04 52.64,3.3 52.64,2.4 C52.64,1.5 51.9,0.76 51,0.76 Z" id="・" fill="#4A4E5C"></path><path d="M40.5,2.5 L0.5,2.5" id="Line" stroke="#A1AAB0" stroke-linecap="square"></path></g></g></g></g></g></g></svg>');
    height: calc(20px / 2);
    width: 53px;
    margin-right: 8px
}

.section-board .section-board-title:after {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: initial;
    background-image: url('data:image/svg+xml;utf8,<svg width="53px" height="5px" viewBox="0 0 53 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="sprint-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="PC-焦點活動" transform="translate(-889.000000, -489.000000)"><g id="Group-24" transform="translate(250.000000, 48.000000)"><g id="焦點四大圖-copy" transform="translate(0.000000, 433.000000)"><g id="title-copy-3" transform="translate(483.000000, 0.000000)"><g id="Group-31" transform="translate(156.000000, 8.000000)"><path d="M2,0.76 C1.1,0.76 0.36,1.5 0.36,2.4 C0.36,3.3 1.1,4.04 2,4.04 C2.9,4.04 3.64,3.3 3.64,2.4 C3.64,1.5 2.9,0.76 2,0.76 Z" id="・" fill="#4A4E5C"></path><path d="M52.5,2.5 L12.5,2.5" id="Line-Copy-7" stroke="#A1AAB0" stroke-linecap="square"></path></g></g></g></g></g></g></svg>');
    height: calc(20px / 2);
    width: 53px;
    margin-left: 8px
}

.section-board .section-board-header {
    position: relative;
    margin: 20px 0
}

.section-board .section-board-header .twill-pattern-bar {
    z-index: 0
}

.section-board .section-board-header .section-board-title {
    position: absolute;
    left: 50%;
    top: 0;
    background: #fff;
    z-index: 1;
    margin: 0;
    padding: 0 4px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-board .section-board-header .see-more {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 60px;
    z-index: 1;
    padding: 0 6px 0 12px
}

.section-board .see-more {
    font-size: 14px;
    float: right;
    line-height: 1
}

.spot-ad-ul:before, .spot-ad-ul:after {
    content: "";
    display: table;
    clear: both
}

.spot-ad-ul .spot-ad-li {
    float: left;
    margin-right: 1%;
    margin-bottom: 1%
}

.spot-ad-ul .spot-ad-li.small-frame {
    width: 24.25%
}

.spot-ad-ul .spot-ad-li.large-frame {
    width: 49.5%
}

.spot-ad-ul .spot-ad-li.last-row-item {
    margin-right: 0
}

.spot-ad-ul .spot-ad-li:last-child {
    margin-right: 0
}

.spot-ad-ul .spot-ad-link {
    display: block
}

.spot-ad-ul .spot-ad-img {
    width: 100%;
    height: 100%
}

.spot-text-ul .spot-text-link {
    color: #4a4e5c;
    font-size: .9em;
    line-height: 1.5
}

.spot-text-ul .spot-text-li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%
}

.spot-text-ul .spot-text-link {
    border-bottom: 1px dashed #d4d9de;
    display: block;
    padding: 8px 0 12px
}

.spot-text-ul .icon {
    color: #7a7a7a;
    margin-right: 6px
}

.spot-text-ul .spot-text-font {
    vertical-align: text-bottom
}

.sp-theme .sp-theme-ad {
    margin: 8px 0
}

.sp-theme .sp-theme-pd-ul {
    display: flex;
    display: -webkit-flex;
    margin: 8px 0
}

.sp-theme .sp-theme-pd-li {
    flex: 1;
    -webkit-flex: 1;
    margin-right: 12px
}

.sp-theme .sp-theme-pd-li:last-child {
    margin-right: 0
}

.sp-theme .sp-theme-pd-frame {
    display: inline-block;
    position: relative;
    width: 100%
}

.sp-theme .sp-theme-pd-frame:before {
    content: '';
    display: block;
    margin-top: 100%
}

.sp-theme .sp-theme-pd-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    z-index: 1;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sp-theme .sp-theme-pd-text {
    color: #666;
    font-size: 14px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    height: 15px
}

.sp-theme .sp-theme-pd-price {
    color: #ff5353;
    font-size: 14px;
    line-height: 1.5
}

.sp-blog .sp-blog-header {
    margin: 16px;
    position: relative
}

.sp-blog .sp-blog-header .see-more {
    position: absolute;
    right: 0;
    top: 0
}

.sp-blog .sp-blog-container {
    box-shadow: 0 1px 2px 0 rgba(34, 34, 34, .2);
    border: solid 5px #f5f5f5;
    padding: 16px
}

.sp-blog .sp-blog-ul:before, .sp-blog .sp-blog-ul:after {
    content: "";
    display: table;
    clear: both
}

.sp-blog .sp-blog-li {
    text-align: center;
    border-right: dashed 1px #d4d9de;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%
}

.sp-blog .sp-blog-li:last-child {
    border-right: none
}

.sp-blog .sp-blog-title {
    color: #4a4e5c;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 500
}

.sp-blog .sp-blog-image {
    max-width: 100%;
    max-height: 100%
}

.sp-blog .video-container .h100p {
    height: 195px;
    width: 100%
}